<template>
  <div>
    <!-- 心愿单 -->
    <div>
      <!-- <div class="header">
        <span @click="checksy">首页</span>
        <span> > </span>
        <span>心愿单</span>
        &nbsp;
        <van-icon name="like" size="20" />
      </div> -->
      <br>
      <!-- 心愿单内容 -->
      <wish-shopping v-if="$store.state.uname"></wish-shopping>
      <wish-not v-if="!$store.state.uname"></wish-not>
    </div>
    <!-- 猜你喜欢内容 -->
    <guesst></guesst>
    <!-- 回顶 -->
    <top></top>
  </div>
</template>

<script>
import WishShopping from "@/components/WishShopping.vue";
import Guesst from "@/components/Guesst.vue";
import WishNot from "@/components/WishNot.vue";
import Top from "@/components/Top.vue";
export default {
  components: { WishShopping, Guesst, WishNot, Top},
  methods: {
    checksy() {
      this.$router.push("/");
    },
  },
};
</script>

<style lang="scss" scoped>
// .header {
//   padding: 10px 10px;
//   // font-size: 20px;
// }
</style>
<style scoped src="@/assets/CSS/like.css">
</style>